<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8">
		<title>Single</title>
		<script src="../js/jquery-1.7.2.js"></script>
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<link href="../css/style3.css" rel="stylesheet" type="text/css" media="all" />
		<link href="../css/templatemo-style.css" rel="stylesheet">
		<link href="../css/font-awesome.min.css" rel="stylesheet">
		<link href="../css/common.css" rel="stylesheet" type="text/css" />

		<script defer src="../js/jquery.flexslider.js"></script>
		<link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen" />
		<script src="../js/imagezoom.js"></script>
		
		<style type="text/css">
			.Navigation_name > #jie{
				margin-top:20px;
			}
			#slogan{
				position:relative;
				top:40px;
				left:45px;
				height:80px;
				width:1000px;
				margin:auto;
			}
			#slogan_one{
				font-size:25px;
				margin-left:70px;
			}
			#slogan_two{
				font-weight:bolder;
				font-size:28px;
				color:red;
			}
			#a{
				margin-right:227px;
			}
		</style>
	</head>
	<body>
		 	<div id="top">
				<div class="Inside_pages">
					<div class="hd_top_manu clearfix">
					  <ul class="clearfix">
					   	<li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/que.do">五谷香首页</a></li> 
					   	<c:if test="${name == null || name == ''}">
						    <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/login.htm">登录${name }</a></li> 
						    <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/reg.htm">注册</a></li> 
					    </c:if>
					    <c:if test="${name != null || name != ''}">
					    	 <li class="hd_menu_tit" data-addclass="hd_menu_hover">${name}</li>
					    	  <li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="/dt/logout.do">退出</a></li>
					    </c:if>
					  </ul>
					</div>
			    </div>
			  </div>
			  <div class="Navigation" id="Navigation" style="height:80px">
				 <ul class="Navigation_name">
				  	<li><img alt="" src="../img/logo.jpg" style="width:100px;height:80px"></li>
		            <li id="jie"><a href="/dt/index.do" class="active"><i class="fa fa-home fa-fw"></i>我的首页</a></li>
					<li id="jie"><a href="/dt/setUser.htm"><i
							class="fa fa-bar-chart fa-fw"></i>修改信息</a></li>
		             <li id="jie"><a href="/dt/queryStateOrder.do?orderState=已支付"><i
							class="fa fa-database fa-fw"></i>订单中心</a></li>
					<li id="jie"><a href="/dt/queryTrade.do"><i
			 				class="fa fa-map-marker fa-fw"></i>交易记录</a></li>
					<li id="jie"><a href="/dt/addCity.do"><i
							class="fa fa-map-marker fa-fw"></i>地址管理</a></li>
				 </ul>			 
			</div>
		<div class="single">

			<div class="container" id="a">
				<c:forEach items="${goods}" var="good">
					<div class="col-md-9">
						<div class="col-md-9">
						<div class="col-md-5 grid">
							 <div class="flexslider">
								<ul class="slides">
									<li data-thumb="${good.url}">
										<div class="thumb-image"> <img src="${good.url}" data-imagezoom="true" class="img-responsive"> </div>
									</li>
									<li data-thumb="${good.url}">
										<div class="thumb-image"> <img src="${good.url}" data-imagezoom="true" class="img-responsive"> </div>
									</li>
									<li data-thumb="${good.url}">
										<div class="thumb-image"> <img src="${good.url}" data-imagezoom="true" class="img-responsive"> </div>
									</li> 
								</ul>
							</div> 
						</div>
						<div class="col-md-7 single-top-in">

							<div class="single-para simpleCart_shelfItem">
								<h1>【${good.nowPrice}元限量抢购】五谷香${good.goodName}50gk  </h1>
								<p>配送至 永州冷水滩区以内 有货 极速审核 在线支付免运费 由永州市冷水滩马坪开发区永州北高速 负责发货，并提供售后服务，保证24小时之内送达</p>
		
								<label class="add-to item_price">${good.nowPrice}</label>
								<h2 class="cart item_add">库存数量为:${good.count}</h2>
								<a href="/dt/addShopping.do?goodName=${good.goodName}&count=1&nowPrice=${good.nowPrice}" class="cart item_add">加入购物车</a>
								<a href="/dt/query.do?goodName=${good.goodName}&count=1&nowPrice=${good.nowPrice}&id=${good.id}" class="cart item_add">立即购买</a>
							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</c:forEach>
				<!----->
				<div class="col-md-3 product-bottom">
					<div class="product-bottom">
						<h3 class="cate">热销商品</h3>
						<c:forEach items="${goods2}" var="good2">
							<div class="product-go">
								<div class=" fashion-grid">
									<a href="/dt/good/single.do?id=${good2.id }"><img class="img-responsive " src="${good2.url}" alt=""></a>
								</div>
								<div class=" fashion-grid1">
									<h6 class="best2"><a href="/dt/single.html" >${good2.goodName}</a></h6>
									<span class=" price-in1"> ${good2.nowPrice}</span>
								</div>
								<div class="clearfix"> </div>
							</div>
							{good2.details}
						</c:forEach>
					</div>
				</div>
			</div>
		</div>
		<div id="slogan">
					<span id="slogan_one"><b id="slogan_two">优</b> 品种优良</span>
					<span id="slogan_one"><b  id="slogan_two">绿</b> 绿色健康</span>
					<span id="slogan_one"><b  id="slogan_two">精</b> 米中精品</span>
					<span id="slogan_one"><b  id="slogan_two">香</b> 优选五谷香</span>
			</div>
		<script>
			// Can also be used with $(document).ready()
			$(window).load(function() {
				$('.flexslider').flexslider({
					animation: "slide",
					controlNav: "thumbnails"
				});
			});
		</script>
	</body>

</html>